<!--
  @author yangjiangming
  @date 2018/11/26 10:00
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<zmn th:fragment="query">

    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label" style="text-align: center;">下单渠道：</label>
            <div class="layui-input-inline">
                <select name="channelId" id="channelId" lay-search lay-verify="required" lay-filter="select-channel" >
                    <option value="">请选择</option>
                    <option th:each="item : ${channelList}" th:value="${item.value}" th:text="${item.text}" th:selected="${item.selected}"></option>
                </select>
            </div>

            <label class="layui-form-label" style="text-align: center;">城市：</label>
            <div class="layui-input-inline">
                <select id="select-city" name="cityId" lay-search lay-verify="required" lay-filter="select-city">
                    <option value="">全部</option>
                    <option th:each="item : ${cityList}" th:value="${item.value}" th:text="${item.text}" th:selected="${item.selected}"></option>
                </select>
            </div>

            <label class="layui-form-label" style="text-align: center;">业务类型：</label>
            <div class="layui-input-inline" >
                <select name="bizType" lay-verify="required">
                    <option value="">全部</option>
                    <option th:each="item : ${bizTypeList}"
                            th:value="${item.key}"
                            th:text="${item.value}">
                    </option>
                </select>
            </div>

            <label class="layui-form-label">产品类型：</label>
            <div class="layui-input-inline">
                <select id="productShowType" lay-filter="select-productShowType" lay-verify="required">
                    <option value="">请选择</option>
                    <option th:each="item : ${productShowType}" th:value="${item.value}" th:text="${item.text}" th:selected="${item.value == 2}"></option>
                </select>
            </div>

        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">服务类型：</label>
            <div class="layui-input-inline layui-input-inline-reset">
                <select name="servCategId" lay-filter="select-servCateg" lay-verify="required">
                    <option value="">全部</option>
                    <option th:each="item : ${servCategList}" th:value="${item.value}" th:text="${item.text}"></option>
                </select>
            </div>

            <div class="layui-input-inline layui-input-inline-reset">
                <select name="categOneId" id="categOneId" lay-filter="select-categOne" lay-verify="required">
                    <option value="">请选择</option>
                </select>
            </div>

            <div class="layui-input-inline layui-input-inline-reset">
                <select name="categId" id="categId" lay-filter="select-categ" lay-verify="required">
                    <option value="">请选择</option>
                </select>
            </div>

            <label class="layui-form-label">产品：</label>
            <div class="layui-input-inline">
                <select name="productId" id="productId" lay-filter="select-productId" lay-verify="required" lay-search>
                    <option value="">请选择</option>
                </select>
            </div>

            <label class="layui-form-label">品牌：</label>
            <div class="layui-input-inline">
                <select name="brandId" id="brandId" lay-search lay-filter="select-brandId" lay-verify="required">
                    <option value="">请选择</option>
                    <option th:each="item : ${brandList}" th:value="${item.value}" th:text="${item.text}" th:selected="${item.value == 1051}"></option>
                </select>
            </div>

            <div class="layui-input-inline more-up">
                <div th:replace="common/listQueryItemTmpl :: buttonForSearch"></div>
            </div>
        </div>
    </div>
</zmn>